body{
  padding: 0.6rem 0.86rem 0.7rem;
  background-color: #002859;
}
.people-overview{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 17.1vh;
}
.people-num{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0.25rem;
  width: 24%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.on-duty{
  background-image: url("../images/on-duty.png");
}
.leave{
  background-image: url("../images/leave.png");
}
.vacation{
  background-image: url("../images/vacation.png");
}
.visitors{
  background-image: url("../images/visitors.png");
}
.people-charts{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 0.36rem;
  height: 67.6vh;
}
.left-chart{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 79%;
  height: 100%;
}
.people-chart{
  border-radius: 5px;
  background-color: #003372;
}
.species-chart{
  padding: 0.33rem 0.22rem 0 0.22rem;
  height: 36.01vh;
}
.btns{
  height: 0.46rem;
}
.btns button,.date-top button
{
  padding: 0 0.15rem;
  height: 100%;
  border: 0;
  outline: 0;
  border-radius: 0.05rem;
  vertical-align: top;
  color: #fff;
  background-color: #32598A;
}
button.btn-active{
  background-color: #00b5fa;
}
.date-chart{
  padding: 0.19rem 0.22rem 0 0.22rem;
  height: 28.42vh;
}
.date-top{
  width: 75%;
  height: 0.39rem;
  color: #fff;
}
.date-top span{
  vertical-align: top;
}
.date-top button{
  float: right;
  margin-left: 0.15rem;
}
.right-chart{
  width: 19%;
  height: 100%;
}